<!DOCTYPE html>
<!--[if lt IE 7]><html class="ie6 ielt8 ielt9"><![endif]--> 
<!--[if IE 7]><html class="ie7 ielt8 ielt9"><![endif]--> 
<!--[if IE 8]><html class="ie8 ielt9"><![endif]--> 
<!--[if (gte IE 9)|!(IE)]><!--><html><!--<![endif]-->
<head>
<meta charset="UTF-8" />
<title>注册 - 湖南男孩</title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.5");
</script>
<script type="text/javascript">
/* Modernizr 2.6.2 (Custom Build) | MIT & BSD
 * Build: http://modernizr.com/download/#-input-inputtypes
 */
;window.Modernizr=function(a,b,c){function u(a){i.cssText=a}function v(a,b){return u(prefixes.join(a+";")+(b||""))}function w(a,b){return typeof a===b}function x(a,b){return!!~(""+a).indexOf(b)}function y(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:w(f,"function")?f.bind(d||b):f}return!1}function z(){e.input=function(c){for(var d=0,e=c.length;d<e;d++)o[c[d]]=c[d]in j;return o.list&&(o.list=!!b.createElement("datalist")&&!!a.HTMLDataListElement),o}("autocomplete autofocus list placeholder max min multiple pattern required step".split(" ")),e.inputtypes=function(a){for(var d=0,e,g,h,i=a.length;d<i;d++)j.setAttribute("type",g=a[d]),e=j.type!=="text",e&&(j.value=k,j.style.cssText="position:absolute;visibility:hidden;",/^range$/.test(g)&&j.style.WebkitAppearance!==c?(f.appendChild(j),h=b.defaultView,e=h.getComputedStyle&&h.getComputedStyle(j,null).WebkitAppearance!=="textfield"&&j.offsetHeight!==0,f.removeChild(j)):/^(search|tel)$/.test(g)||(/^(url|email)$/.test(g)?e=j.checkValidity&&j.checkValidity()===!1:e=j.value!=k)),n[a[d]]=!!e;return n}("search tel url email datetime date month week time datetime-local number range color".split(" "))}var d="2.6.2",e={},f=b.documentElement,g="modernizr",h=b.createElement(g),i=h.style,j=b.createElement("input"),k=":)",l={}.toString,m={},n={},o={},p=[],q=p.slice,r,s={}.hasOwnProperty,t;!w(s,"undefined")&&!w(s.call,"undefined")?t=function(a,b){return s.call(a,b)}:t=function(a,b){return b in a&&w(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=q.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(q.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(q.call(arguments)))};return e});for(var A in m)t(m,A)&&(r=A.toLowerCase(),e[r]=m[A](),p.push((e[r]?"":"no-")+r));return e.input||z(),e.addTest=function(a,b){if(typeof a=="object")for(var d in a)t(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof enableClasses!="undefined"&&enableClasses&&(f.className+=" "+(b?"":"no-")+a),e[a]=b}return e},u(""),h=j=null,e._version=d,e}(this,this.document);
$(function(){
	if(!Modernizr.inputtypes.number){
		//alert("No support input[type=number]")
	}
	if(!Modernizr.input.placeholder){
		$("input").each(
			function(){
				if($(this).val()=="" && $(this).attr("placeholder")!=""){
					$(this).val($(this).attr("placeholder"));
					$(this)
						.focus(function(){
							if($(this).val()==$(this).attr("placeholder")) $(this).val("");
						})
						.blur(function(){
							if($(this).val()=="") $(this).val($(this).attr("placeholder"));
						}
					);
				}
			}
		);
	}
})
</script>
</head>

<body>
	<header class="header">
	    <h1 class="logo"><a href="/"><sup>湖南</sup>男孩</a></h1>
	</header>
	<mainer class="mainer" role="main">
		<form action="?register" method="post">
			<fieldset class="form form-register">
				<legend>register</legend>
				<table>
					<caption>Required</caption>
					<tbody>
						<tr>
							<th>昵称:</th>
							<td><input type="text" name="user" placeholder="用户名"></td>
						</tr>
						<tr>
							<th>密码:</th>
							<td><input type="password" name="password" placeholder="密码"></td>
						</tr>
						<tr>
							<th>邮箱:</th>
							<td><input type="emial" name="email" placeholder="邮箱"></td>
						</tr>
						<tr>
							<th>属性:</th>
							<td><select name="sex"><option title="受">万寿无疆</option><option title="攻">功德无量</option><option title="可攻可受">攻守自如</option></select></td>
						</tr>
					</tbody>
				</table>
				<hr>
				<table>
					<caption>Optional</caption>
					<tbody>
						<tr>
							<th>身高:</th>
							<td><input type="number" name="height" placeholder="身高">cm</td>
						</tr>
						<tr>
							<th>体重:</th>
							<td><input type="number" name="weight" placeholder="体重">kg</td>
						</tr>
						<tr>
							<th>星座:</th>
							<td><select name="province"><option>星座</option></select></td>
						</tr>
						<tr>
							<th>血型:</th>
							<td><select name="province"><option>血型</option></select></td>
						</tr>
						<tr>
							<th>婚姻:</th>
							<td><select name="marrital"><option>婚姻</option></select></td>
						</tr>
						<tr>
							<th>生日:</th>
							<td><select name="province"><option>年</option></select>
							<select name="city"><option>月</option></select>
						<select name="region"><option>日</option></select></td>
						</tr>
						<tr>
							<th>现居:</th>
							<td><select name="province"><option>省</option></select>
							<select name="city"><option>市</option></select>
						<select name="region"><option>县(区)</option></select></td>
						</tr>
						<tr>
							<th>家乡:</th>
							<td><select name="hProvince"><option>省</option></select>
							<select name="hCity"><option>市</option></select>
						<select name="hRegion"><option>县(区)</option></select></td>
						</tr>
						<tr>
							<th>介绍：</th>
							<td><textarea rows="4" cols="40" placeholder="个人介绍"></textarea></td>
						</tr>
					</tbody>
				</table>
				
			</fieldset>
		</form>
		
		
	</mainer>
	<footer class="footer">
		<address class="copyright">&copy; hnboy.com</address>
	</footer>
</body>
</html>
